<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="__PUBLIC__/asset/css/animate.css" rel="stylesheet" type="text/css" media="all">
    <link href="__PUBLIC__/asset/lib/bootstrap/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    <style>
        .message-title {
            font-size: calc(30px + 0.1vw);
        }

        .message-time {
            font-size: calc(16px + 0.1vw);
            margin: 5vh 0;
            color: var(--geryColor);
        }

        .message-info-box .middle-box {
            min-height: 100vh;
        }

        @media screen and (max-width:1400px) {
            .message-info-box .middle-box {
                padding: 0 20px;
            }
        }
    </style>
    <title>{$title}</title>
</head>

<body>
    <div class="header"></div>
    <div class="router-menu wow fadeInUp"></div>
    <div class="message-info-box">
        <div class="middle-box">
            <div class="message-title wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">{$title}</div>
            <div class="message-time wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">{$send_date}</div>
            {$content}
        </div>
    </div>
    <div class="footer"></div>

</body>
<script src="__PUBLIC__/asset/lib/wow/wow.min.js"></script>
<script src="__PUBLIC__/asset/lib/jquery_3.2.1.min.js"></script>
<script src="__PUBLIC__/asset/lib/bootstrap/bootstrap.js"></script>
<script src="__PUBLIC__/asset/js/common.js"></script>
<script>
    $(document).ready(function () {
        new WOW().init()
        // let keys = new URLSearchParams(location.search).get('key')
        // let infoList = {
        //     test1: '什么是快什么是检索增强生成 (RAG)？一种让 LLM 变聪明的强大法宝！(上篇)',
        //     test2: '什么是检索增强生成 (RAG)？一种让 LLM 变聪明的强大法宝！(下篇)',
        //     test3: '宏庭科技荣获阿里云年度卓越伙伴奖，严选为全球五大伙伴，助力云端技术创新与发展',
        //     test4: 'Google Veo 和 Imagen 3 引领 AI 创新，影像生成再进化！'
        // }
        // document.title = '{$title}'
        // // 配置文本数据
        // let messageInfo = {
        //     name: `<div class="message-title wow fadeInUp">{$title}</div>`,
        //     time: ' <div class="message-time wow fadeInUp">{$send_date}</div>',
        //     richRow: `{$content}`
        // }
        // // 配置富文本到页面上
        // function setInfo() {
        //     $('.message-info-box .middle-box').append(messageInfo.name)
        //     $('.message-info-box .middle-box').append(messageInfo.time)
        //     $('.message-info-box .middle-box').append(messageInfo.richRow)
        // }
        // setTimeout(() => {
        //     setInfo()
        // }, 1000);
    })
</script>

</html>